/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,form,input,textarea,select{margin:0; padding:0; font-family:Arial;}
li {list-style:none;}
a {text-decoration:none;}
img {border:none; vertical-align:top;}
/* end reset */
/* public */
body {background:#fff url(../images/bodyBg.jpg) repeat-x;}
.clear {zoom:1;}
.clear:after {content:""; display:block; clear:both;} 
/* end public */

/* index */
#content {padding-bottom: 80px;}
#top {width:960px;height:30px; margin:0 auto; font-size:13px;}

.top_menu {float:left;}
.top_menu li {float:left;background:url(../images/top_ico.png) no-repeat right 13px;height:30px; line-height:30px;padding-right:18px;margin-right:15px;}
.top_menu a {color:#c0c0c0;}
.top_menu a:hover {color:#fff; text-decoration:underline;}
.top_menu .no_dot {padding:0;margin:0;background:none;}

.top_bar {float:right;}/* !!! */
.top_bar li {float:left;height:30px;line-height:30px;font-weight:bold;}
.top_bar .phone {background:url(../images/top_ico.png) no-repeat 8px -16px;padding:0 38px;color:#fff;}
.top_bar .help {background:url(../images/top_ico.png) no-repeat 0 -46px;padding:0 38px;}
.help a {color:#fff;}
.help a:hover { text-decoration:underline;}
.top_bar .language {margin-right:12px;padding-top:8px;height:22px;}/* 不用padding的原因：为了使两个国旗中间鼠标不能点击（凌空点） */

#header {width:960px;height:100px;background:url(../images/header_bg.png) no-repeat; margin:0 auto;position:relative;}

#shopping p {position:absolute;top:32px;left:84px; font-size:20px; color:#f7f7f7;}
#shopping #check {width:114px;height:24px;line-height:24px;text-align:center;font-size:15px;font-weight:bold;color:#ffc200;background:url(../images/header_btn.png) no-repeat;position:absolute;top:62px;left:104px;}
#shopping a#check:hover {color:#fed964;}/* 不能用a:hover{} */
#header h1 {width:238px;position:absolute;top:0;left:50%;margin-left:-119px;}
.search {width:292px;height:31px;background:url(../images/search.png) no-repeat;position:absolute;top:33px;right:0;}
.text,.btn {height:30px;background:none; border:none;outline:none;position:absolute;}
.search .text {width:250px;font-size:13px;line-height:30px;text-indent:20px; }
.search .btn {height:30px;width:42px; text-transform:none;top:0;right:0; cursor: pointer;}

#nav {padding:8px 0;width:960px;height:28px;margin:0 auto;}

#nav li,#nav a,#nav strong {float:left;}
#nav li {margin-right:2px;}
#nav a {text-decoration:none}
#nav span {float:left;font:normal 15px/12px Arial; color:#fff;height:12px; padding:8px 16px;}
#nav a:hover,#nav .active {background:url(../images/nav_hover.gif) repeat-x;}
#nav a:hover strong,#nav .active strong {background:url(../images/nav_hover.gif) no-repeat 0 -28px;}
#nav a:hover span,#nav .active span {background:url(../images/nav_hover.gif) no-repeat right -56px;}

#content {width:1000px;margin:24px auto 0; background:url(../images/content_bg.png) repeat-y -1000px 0;}
#content_top {background:url(../images/content_bg.png) no-repeat;}
#content_bottom {background:url(../images/content_bg.png) no-repeat -2000px bottom;padding-top:10px;}

#ad {width:940px; height:300px;position:relative; margin:0 auto;}
#ad ul {position:absolute; left:0;top:0; z-index:1;}
#ad h2 {position:absolute; left:34px;bottom:14px;font:bold 25px/25px Arial;color:#ffc600;z-index:3;}
#ad p {width:630px; font:normal 13px/16px Arial;color:#ffcccc;position:absolute; left:268px;bottom:7px;z-index:3;}
#ad .bg {width:940px; height:52px; background:#000;filter:alpha(opacity:80); opacity:0.8;position:absolute;left:0; bottom:0;z-index:2;}

#main {width:942px;margin:0 auto; padding-top:30px;}
#side {width:210px; float:left;}
#wrap {width:706px; float:right;}

.side_menu {margin-bottom:12px;}
.side_menu h2 {background:url(../images/side_menu_head.gif) repeat-x;}
.side_menu strong {display:block;background:url(../images/side_menu_head.gif) no-repeat 0 -29px;}
.side_menu span {display:block;height:29px; font:bold 15px/29px Arial;text-align:center; color:#fff;background:url(../images/side_menu_head.gif) no-repeat right -58px;}
.list {background:url(../images/side_menu_bg.gif) repeat-y -210px 0;margin-top:1px;}
.list ul {width:194px; background:url(../images/side_menu_bg.gif) no-repeat 0 bottom;padding:16px 8px 14px 8px; }
.list li {height:30px; font:bold 12px/30px Arial; border-bottom:1px solid #fff;}
.list a {color:#464646; text-decoration:none;padding-left:32px; display:block;}
.list a:hover { text-decoration:none;color:#b20d00; display:block;background:#fde8a4;}

.join {background:url(../images/side_join_bg.gif) repeat-y -210px 0;}
.join_t {background:url(../images/side_join_bg.gif) no-repeat 0 top;}
.join_b {width:210px;background:url(../images/side_join_bg.gif) no-repeat -420px bottom;}
.join_form {width:180px;margin:0px auto 12px;}
.join p {font-size:15px;line-height:18px; color:#666;padding:12px 0;}

.join_text {width:177px; height:27px; background:url(../images/side_join_text.gif) no-repeat; text-indent:6px;}
.join_btn {width:88px; height:25px; background:url(../images/side_join_bt.gif) no-repeat;color:#fff;display:block;margin:0 auto; margin-top:6px; font-size:15px; font-weight:bold; cursor: pointer;}
.join_text,.join_btn {border:none; outline:none;} 
.contact {width:194px;padding:0 8px;background:url(../images/join_ico.gif) no-repeat 18px 0;}
.contact li {padding-left:70px;border-top:1px solid #fff;}
.space1 {height:17px; line-height:16px; padding:16px 0 12px 0;}
.space2 {height:32px; line-height:16px; padding:8px 0;}
.space3 {height:32px; line-height:16px; padding:9px 0;}
.space4 {height:30px; line-height:15px; padding:6px 0 14px 0;}
.contact a {font:normal 13px/16px Arial; color:#464646; }
.contact a:hover {color:#000;}

.payment {width:192px; height:173px; padding:32px 0 0 18px;}

.sort {height: 20px;}
.sort dl {float: left;}
.sort dt {float:left; font-size:12px; color:#747474; font-weight:bold; padding-right:2px;}
.sort dd {float:left; width:109px; height:19px; position:relative; margin-right:12px; }
.sort h3 {width:108px; height:17px; line-height: 18px;border:1px solid #ccc;font-size:12px; color:#747474; font-weight:normal; text-indent:5px;}
.sort a {position: absolute;top: 0; left: 90px;width: 19px; height: 19px;background: url(../images/sort_bg.png) no-repeat;z-index: 2;}
.sort a:hover {background: url(../images/sort_bg.png) no-repeat 0 -19px;}
.sort ul { border:1px solid #ccc; margin-top: -1px; display: none; background-color: #fff;}
.sort li {font-size:12px; line-height:20px; text-indent:5px; cursor:pointer; }
.sort p { font-size:12px; float:right; color:#747474; }
.sort p strong { color:#999; }
.sort p span { padding:0 5px; }
.color_style { color:#b20e00; }
.sort .active {background-color: #5cb90f; color: #fff;}

.pic_list { width:706px; overflow:hidden; }
.pic_list h2, #scroll_list h2 { height:56px; line-height:62px; overflow:hidden; font-size:18px; color:#666; }
.pic_list ul { width:736px; }
.pic_list li { float:left; width:182px; height:200px; }
.pic_list a { display:block; width:154px; height:114px; border:1px solid #c6c6c6; margin-bottom:6px; }
.pic_list a:hover { border:1px solid #663; }
.pic_list h3 { font-size:15px; color:#666; line-height:16px; }
.pic_list p { font-size:13px; color:#333; line-height:16px; }
.pic_list span { color:#b20e00; }

.page { text-align:center; border-bottom:1px solid #cdcdc8; padding-bottom:5px; }
.page a { display:inline-block; height:20px; line-height:20px; padding:0 8px; color:#b20e00; text-decoration:none; font-size:12px; }
.page a:hover, .page .active { color:#fff; background:#b20e00;}
.page span { font-family:'宋体'; }

.scroll_wrap { height:196px; background:url(../images/scroll_bg.gif) repeat-x 0 -478px;}
.scroll_wrap_l { height:196px; background:url(../images/scroll_bg.gif) no-repeat 0 -86px; }
.scroll_wrap_r { height:196px; background:url(../images/scroll_bg.gif) no-repeat right -282px; position:relative; }
.prev,.next { width:35px; height:43px; position:absolute; top:70px; }
.prev { left:0; background:url(../images/scroll_bg.gif) no-repeat; }
.next { right:0; background:url(../images/scroll_bg.gif) no-repeat 0 -43px; }

.list_wrap { width:615px; padding-top:32px; margin:0 auto; overflow:hidden; position:relative;}
.list_wrap ul {  height:150px; position:relative; left:0;}
.list_wrap li { width:205px; float:left; }
.list_wrap a, .list_wrap p { width:145px; margin:0 auto; }
.list_wrap a { display:block; height:100px; }
.list_wrap p { line-height:14px; padding-top:10px; font-size:12px; color:#600; text-align:center; }

#footer { height:302px; background:url(../images/footer_bg.png) repeat-x;}
#footer_info { width:940px; height:60px; margin:0 auto; position:relative; }
#footer_info p { height:60px; line-height:60px; color:#cbcbcb; font-size:14px; font-weight:bold; float:left; }
#footer_info .ico1 { background:url(../images/footer_info.png) no-repeat 0 4px; text-indent:60px; margin-right:25px; }
#footer_info .ico2 { background:url(../images/footer_info.png) no-repeat 0 -52px; text-indent:50px; }
#footer_info .search { position:absolute; top:15px; right:-10px;}

#footer_link { width:920px; margin:0 auto; overflow:hidden; padding-top:20px; }
#footer_link dl { float:left; width:184px; }
#footer_link dt { font-size:15px; color:#fff; font-weight:bold; line-height:50px; }
#footer_link dd { line-height:20px; }
#footer_link a { font-size:13px; color:#cfcfcf; }
#footer_link a:hover {color: #fff; text-decoration: underline;}
#footer_link .space { padding-top:20px; }
#footer_link .pos { position:relative; left:-20px; }
/* end index */